<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="nearby">
        <ul class="top-box">
            <li><a href="./follow.html">关注</a></li>
            <li><a class="active" href="./nearby.html">附近</a></li>
            <li><a href="./collection.html">收藏</a></li>
            <li><a href="#">个人动态</a></li>
            <button class="addbtn" id="addBtn">添加+</button>
        </ul>
        

        <div class="person">
            <div class="usermsg dpflex">
                <div class="msg-left dpflex">
                    <img src="../imgs/dog.jpg" alt="">
                    <div class="information">
                        <span class="name">用户名</span>
                        <span class="city">xx省,xx市</span>
                    </div>
                </div>
                <div class="msg-right dpflex">
                    <span>+关注</span>
                </div>
            </div>

            <div class="text">
                <p>有这么一句话:"生命在于运动"。没错,运动不但可以锻炼我们的身体,还能充实我们的生活,愉悦到我们的心情。我最喜欢的一项运动就是晨跑。..</p>
                <a class="allBtn" href="#">全部</a>
            </div>

            <div class="img dpflex">
                <img src="../imgs/dog.jpg" alt="">
                <img src="../imgs/dog.jpg" alt="">
                <img src="../imgs/dog.jpg" alt="">
                <img src="../imgs/dog.jpg" alt="">
                <img src="../imgs/dog.jpg" alt="">
                <img src="../imgs/dog.jpg" alt="">
            </div>

            <div class="text-bottom dpflex">
                <p class="number">
                    <span>4小时之前</span>
                </p>
                <p class="content">
                    <span class="iconfont icon-fabulous">9999</span>
                    <span class="iconfont icon-comment">9999</span>
                </p>
            </div>
        </div>

        <div class="lastperson">
            <div class="usermsg dpflex">
                <div class="msg-left dpflex">
                    <img src="../imgs/dog.jpg" alt="">
                    <div class="information">
                        <span class="name">用户名</span>
                        <span class="city">xx省,xx市</span>
                    </div>
                </div>
                <div class="msg-right dpflex">
                    <span>+关注</span>
                </div>
            </div>

            <div class="text">
                <p>有这么一句话:"生命在于运动"。没错,运动不但可以锻炼我们的身体,还能充实我们的生活,愉悦到我们的心情。我最喜欢的一项运动就是晨跑。..</p>
                <a class="allBtn" href="#">全部</a>
            </div>

            <div class="img dpflex">
                <img src="../imgs/dog.jpg" alt="">
            </div>

            <div class="text-bottom dpflex">
                <p class="number">
                    <span>4小时之前</span>
                </p>
                <p class="content">
                    <span class="iconfont icon-fabulous">9999</span>
                    <span class="iconfont icon-comment">9999</span>
                </p>
            </div>
        </div>


    </div>


    <ul class="foot dpflex">
        <li>
            <a href="./home.html">
                <span class="iconfont icon-home dpflex"></span>
                <p>首页</p>
            </a>
        </li>
        <li>
            <a href="./run.html">
                <span class="iconfont icon-fitness dpflex"></span>
                <p><a href="./run.html">运动</a></p>
            </a>
        </li>
        <li class="active">
            <span class="iconfont icon-Moments dpflex"></span>
            <p>圈子</p>
        </li>
        <li>
            <a href="./mine.html">
                <span class="iconfont icon-user dpflex"></span>
                <p><a href="./mine.html">我的</a></p>
            </a>
        </li>
    </ul>
</body>

</html>